<template>
	<view>

		<icon size="48" color="" type="success"></icon>
		<icon size="48" color="" type="cancel"></icon>
		<icon size="48" color="" type="clear"></icon>
		<icon size="48" color="" type="download"></icon>
		<icon size="48" color="" type="search"></icon>
		<icon size="48" color="" type="success_no_circle"></icon>
		<icon size="48" color="" type="waiting"></icon>
		<icon size="48" color="" type="warn"></icon>
		<view class="icon-jian iconfont"></view>


		<rich-text :nodes="msg"></rich-text>
		
		<view>{{msg}}</view>
		
		<progress percent="50" show-info="true" stroke-width="30" active="true" activeColor="#42b983"/>

	</view>
</template>

<script>
	import {
		ref,
		toRefs,
		reactive
	} from 'vue';
	export default {
		setup() {

			const msg = ref("<h1 style='color:#fff;background:#000'>Hello uniapp</h1>")

			return {
				msg
			}

		}
	}
</script>

<style scoped>
	.iconfont {
		font-size: 48rpx;
	}
</style>
